<template>
  <div class="screen-wrap">
    <MediaPlayer :list="mediaList" v-if="mediaList.length>0"/>
    <div class="globalBlack" v-else></div>
  </div>
</template>
<script>
import MediaPlayer from "./components/MediaPlayer.vue";
export default {
  components: {MediaPlayer},
  data() {
    return {
      list: []
    }
  },
  computed:{
    mediaList(){
      return this.$store.state.mediaList
    }
  },
}
</script>
<style scoped lang="scss">
.screen-wrap {
  width: 1920px;
  height: 1080px;
  overflow: hidden;
}
.globalBlack{
  width: 100%;
  height: 100%;
  background: black;
}
</style>
